<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>3.1.8</title>
</head>
<body>
    <article>
        <header>
            <h1>CubeeDOO</h1>
            <h2>The Mobile Memory Matching Game</h2>
        </header>

<section>
    <div></div>
</section>

<footer>

    <div>Scores</div>
    <div>Menu</div>
    <ul>
        <li>Level:<output>1</output></li>
        <li>
            <div>00:00</div>
        </li>
        <li><button>Mute</button></li>
        <li>Score:<output>0</output></li>
    </ul>
</footer>




<section>
<figure>
    <img src="ym2.jpg" alt="this is ">
    <figcaption>figcaption</figcaption>
</figure>



</section>


<section>
    <p>
        <mark>
            HTML5
        </mark>
        is currently under development as the major revision of the HTML standard 
    </p>
</section>

<section>
    <ruby>君子和而不同<rp><rt>jun zi he er bu tong </rp>
    <rt>
    </ruby>
    <ruby>
        漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
        字 <rp>(</rp><rt>ji</rt><rp>)</rp>
      </ruby>
    
</section>

<section>
    <bdi>bid标签测试</bdi>

    <p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi>
        is automatically displayed right-to-left.</p>



        <p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right
to left.</bdo></p>
</section>



<section>
    <h3>sms a tag</h3>

    <a href="sms:13888716902">Text me</a>
    <a href="tel:13888716902">Call me </a>
</section>



<section>
    <details>
        <summary>5 of 5 stars from three reviews</summary>

        <ul>
            <li>5 stars from amazon</li>
            <li>5 stars from Costco</li>
        </ul>
    </details>


</section>


<section>

        <div contextmenu="popup-menu">
                Right-click to see the adjusted context menu
              </div>
    <menu type="context" id="popup-menu">
        <menuitem>Action</menuitem>
        <menuitem>Anotheraction</menuitem>
        <menuitem>测试添加按钮</menuitem>
        <menuitem>测试添加按钮2</menuitem>
        <menuitem>测试添加按钮3</menuitem>
        <hr>
        <menuitem>Separated action</menuitem>
        <hr>
        <menuitem>Separated action</menuitem>
        
      </menu>
</section>



    </article>









</body>
</html>